::-moz-selection {
    background: #2e353d;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #2e353d;
    color: #fff;
    text-shadow: none;
}

.loader:after {
    border: solid 1px transparent;
    border-top-color: #1582dc;
    border-left-color: #1582dc;
}

a:active, a:focus, a:hover {
    color: #1166ad;
}

.app  .header {
    background-color: #1582dc;
}

    .app  .header .brand {
        background-color: #147bd0;
    }

        .app > .header .brand a, .app > .header .brand a:hover {
            color:white;
        }

    .app  .header .navbar-toggle, .app .header .nav > li > a, .app  .header .bg-none {
        color: #dbedfc;
    }

@media screen and (min-width:768px) {
    .header .nav > li > a:hover, .header .nav > li > a:focus, .header .nav .open > a, .header .nav .open > a:hover, .header .nav .open > a:focus {
        background-color: #1377c9;
    }
}

.header .open a.toggle-search, .header a.toggle-search:hover {
    background-color: #1377c9;
}

.sidebar { 
    background-color: #3b434b;
    color: #98a8b9;
}

    .sidebar a, .sidebar .nav-title {
        color: rgb(231, 231, 231);
    }


.compact-menu .main-navigation > ul > li {
    border-bottom: 1px solid #2a3037;
    border-top: 1px solid rgba(255,255,255,0.05);
}

.app:not(.small-menu) .main-navigation > ul > li > ul > li.active a, .app:not(.small-menu) .main-navigation > ul > li > ul > li a:hover {
    /*color: #d5dbe2;*/
    background: #ff8500;
    color: white;
    /*font-weight: bold;*/
}

.main-navigation > ul > li:hover > a {
    color: #d5dbe2;
}


html > body .main-navigation > ul > li.open .sub-menu {
    background-color: rgb(251, 251, 251);
    padding: 3px;
}

    .main-navigation > ul > li.open .sub-menu a {
        color: #313131;
        font-weight: bold;
    }

@media screen and (min-width:768px) {
    .small-menu .main-navigation > ul > li.open {
        background-color: #2a3037;
    }
}

.gallery .overlay {
    background-color: #2e353d;
    background-color: rgba(46,53,61,0.9);
}

.btn-color {
    color: #fff;
    background-color: #2e353d;
    border-color: #2e353d;
}

a.btn-color {
    color: #fff;
}

.btn-color:hover, .btn-color:focus, .btn-color:active, .btn-color.active, .open .dropdown-toggle.btn-color {
    color: #fff;
    background-color: #23282e;
    background-image: none;
    border-color: #23282e;
}

.btn-color.disabled, .btn-color[disabled], fieldset[disabled] .btn-color, .btn-color.disabled:hover, .btn-color[disabled]:hover, fieldset[disabled] .btn-color:hover, .btn-color.disabled:focus, .btn-color[disabled]:focus, fieldset[disabled] .btn-color:focus, .btn-color.disabled:active, .btn-color[disabled]:active, fieldset[disabled] .btn-color:active, .btn-color.disabled.active, .btn-color[disabled].active, fieldset[disabled] .btn-color.active {
    background-color: #2e353d;
    border-color: #2e353d;
}

.btn-color.btn-outline {
    background-color: transparent;
    color: #2e353d;
}

    .btn-color.btn-outline:hover, .btn-color.btn-outline:focus, .btn-color.btn-outline:active, .btn-color.btn-outline.active {
        background-color: #2e353d;
        color: #fff;
    }

.color {
    color: #2e353d;
}

#nestable2 .dd-handle {
    color: #c0c2c5;
    border: 1px solid #2e353d;
    background-color: #2e353d;
}

    #nestable2 .dd-handle:hover {
        background-color: #39424c;
    }

.slider-color .slider-selection {
    background-color: #2e353d;
}

.slider-color .slider-handle {
    box-shadow: rgba(0,0,0,0.2) 0 2px 5px,#2e353d 0 0 0 1px;
}

.panel-color {
    border-color: #2e353d;
}

    .panel-color > .panel-heading {
        color: #c0c2c5;
        background-color: #2e353d;
        border-color: #2e353d;
    }

        .panel-color > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #2e353d;
        }

        .panel-color > .panel-heading a {
            color: #c0c2c5;
        }

    .panel-color > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #2e353d;
    }

.label-color {
    background-color: #2e353d;
}

    .label-color[href]:hover, .label-color[href]:focus {
        background-color: #181c20;
    }

.bg-color {
    background-color: #2e353d;
    color: #c0c2c5;
}

    .bg-color a {
        color: #c0c2c5;
    }

        .bg-color a:active, .bg-color a:focus, .bg-color a:hover {
            color: #a6a9ac;
            text-decoration: none;
            outline: 0;
        }

    .bg-color .nav > li:hover > a, .bg-color .nav > li:focus > a, .bg-color .nav > li:active > a, .bg-color .nav > li.active > a, .bg-color .nav > li > a:hover, .bg-color .nav > li > a:focus {
        background-color: #272d34;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    border-color: #2e353d;
    background-color: #2e353d;
    color: #fff;
}

.progress-bar-color {
    background-color: #2e353d;
}

.morris-hover.morris-default-style {
    border-color: #2e353d;
    background-color: #2e353d;
    background-color: rgba(46,53,61,0.9);
}

    .morris-hover.morris-default-style a {
        color: #fff;
    }

#jqstooltip {
    background-color: #2e353d;
    border-color: #2e353d;
}

#tooltip {
    background-color: #2e353d;
    color: #fff;
}

    #tooltip:before {
        border-color: transparent #2e353d transparent transparent;
    }

.jvectormap-label {
    border: solid 1px #2e353d;
    background-color: #2e353d;
    color: white;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    background-color: #2e353d;
    color: white;
}


.underline {
    padding: 5px;
    border-bottom: 1px solid #515151;
    margin-bottom: 25px;
}

.h15 {
    height: 15px;
    display: block;
}

.right{
    text-align:right;
}
.input-text {
    border: 1px solid white;
    display: inline-block;
    padding: 5px 10px;
    /*width:60%*/
    text-align:center;
}

    .input-text:hover, .input-text:focus {
        border: 1px solid #ffffff !important;
        box-shadow: 0 0 3px #88c0fc;
    }




.pr15{
    padding-right:15px;
}

.right{
    text-align:right;
}

.pb30{
    padding-bottom:30px;
}
.pd40 {
    padding: 20px 100px;
}

#phieudangky div[class^=col-lg],td[class^=col-lg]{
    padding-left:0 !important;
}

.input-text {
    width: 280px;
    text-align:left;
    padding-bottom:1px;
    border-bottom:1px dotted #a1a1a1;
}

.input-shorttext {
    width: 180px;
}
.input-marktext {
    width: 40px;
}

#phieuxacnhan .input-text {
    width: 200px;
    text-align:left;
    padding-bottom:1px;
    border-bottom:1px dotted #a1a1a1;
}
.width-max{
    width: 100% !important;
}

.input-table {
    width: 40px !important;
    border: 1px solid #515151 !important;
}


@media (max-width: 1100px) {

    .pd40 {
    padding: 20px 0 !important;
    font-size:13px;
}
}